.Botton-warper {
    position: fixed;
    display: flex;
    width: 10rem;
    height: 1.8rem;
    bottom: 0px;
    background-color: white;
    flex-wrap: wrap;
    z-index: 10;
    -webkit-tap-highlight-color: transparent;
}
.Botton-warper li {
    list-style: none;
    text-align: center;
    font-size: 0;
}
.Botton-warper .Botton-warper-warp {
    flex: 1;
    text-align: center;
    margin-top: 4px;
}
.Botton-warper .Botton-warper-warp .icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    /* background-color: red; */
    /* border-radius: 50%; */
    opacity: 0.5;
    /* background: url('../../assets/images//foot-v3.png'); */
    background-repeat: no-repeat;
    /* background-position: -3.333rem -0.833rem; */
    /* 93/108 */
    background-size: 650%;
    /* overflow: hidden; */
    color: black;
}
.Botton-warper .Botton-warper-warp .icon1 {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-color: #FFCD32;
    border-radius: 50%;
    /* opacity: 0.8; */
    /* background: url('../../assets/images//foot-v3.png'); */
    background-repeat: no-repeat;
    /* background-position: -3.333rem -0.833rem; */
    /* 93/108 */
    background-size: 800%;
    color: black;
    /* overflow: hidden; */
}
.Botton-warper .Botton-warper-warp .icon img{
    object-fit: cover;
    max-width: 100%;
    color: black;
}
.Botton-warper .Botton-warper-warp .icon1 img{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    object-fit: cover;
    max-width: 80%;
    max-height: 80%;
    color: #000;
}

.Botton-warper .Botton-warper-warp .planet {
    position: relative;
    color: black;
    font-size: 0.4rem;
    font-weight: 400;
}
